<template>
  <div class="menuBox">
    <!-- 地图菜单 -->

    <div class="threeMap">
      <mapView></mapView>

     
    </div>
    <div class="mapMenu">
        <mapMenu></mapMenu>
      </div>
  </div>
</template>
<script  scope setup>
import {
  ref,
  onMounted,
  onBeforeUnmount,
  reactive,
  defineProps,
  defineEmits
} from "vue";
//组件引用
import mapView from "@/views/Map/MapView.vue"; //三维地图
import olMap from "@/views/Map/olMap.vue"; //二维地图
import mapMenu from "@/views/Map/mapMenu.vue"; // 地图菜单
//定义变量
const menuOption = ref([]);
const menuFlag = ref(null);
const setMenuStart = () => {};
//页面初始化后方法
onMounted(() => {
  setMenuStart();
});
</script>


<style scoped lang="less">
.menuBox {
  width: 100%;
  height: 100%;
  position: relative;
  .threeMap {
    height: 100%;
    width: 100%;;
    position: absolute;
  }
  .mapMenu {
      height: 60px;
      width: 100%;
      z-index: 40;
      top: 0;
      position: absolute;
    }
}
</style>